<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>flex布局</title>
    <link href="../img/bitbug_favicon (1).ico" rel="icon">
    <link href="../css/jquery.fullPage.css"  rel="stylesheet">
    <link href="../css/animate.min.css" rel="stylesheet">
    <link href="../css/flex.css" rel="stylesheet">
    <script src="../js/jquery-1.8.3.js"></script>
    <script src="../js/jquery.fullPage.min.js"></script>
    <script src="../js//wow.min.js"></script>
</head>
<body>
    <div class="content" id="dowebok">
        <div class=" section">
            <div class="box-one">
                <div class="wow zoomInLeft one ">
                    <img src="../img/1.png" >
                    <article>
                        <h2>优站精选</h2>
                        <h3>Bootstrap 网站实例</h3>
                        <p>Bootstrap 优站精选频道收集了众多基于 Bootstrap 构建、设计精美的、有创意的网站</p>
                    </article>
                </div>
                <div class="wow zoomInDown one ">
                    <img src="../img/2.png" >
                    <article>
                        <h2>Vue.js</h2>
                    <h3>中文文档。</h3>
                    <p>Vue.js - 是一套构建用户界面的渐进式框架。</p>
                    </article>
                </div>
                <div class="wow zoomInUp one ">
                    <img src="../img/3.png" >
                    <article>
                        <h2>Node.js</h2>
                        <h3>中文文档 / 手册</h3>
                        <p>Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效</p>
                    </article>
                </div>
                <div class="wow zoomInRight one ">
                    <img src="../img/4.png" >
                    <article>
                        <h2>NPM</h2>
                        <h3>中文文档</h3>
                        <p>NPM（node package manager）是 Node.js 世界的包管理器。NPM 可以让 JavaScript 开发者在共享代码、复用代码以及更新共享的代码上更加方便。</p>
                    </article>
                </div>
            </div>
        </div>
        <div class="section">
                <div class="box-one">
                    <div class="one ">
                        <img src="../img/5.png" >
                        <article>
                            <h2>React</h2>
                            <h3>用于构建用户界面的 JavaScript 框架</h3>
                            <p>React 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
                        </article>
                    </div>
                    <div class="one ">
                        <img src="../img/6.png" >
                        <article>
                            <h2>Next.js</h2>
                            <h3>中文文档</h3>
                            <p>Next.js 是一个轻量级的 React 服务端渲染应用框架</p>
                        </article>
                    </div>
                    <div class="one ">
                        <img src="../img/7.png" >
                        <article>
                            <h2>Parcel</h2>
                            <h3>中文文档</h3>
                            <p>Parcel - 极速、零配置的 web 应用打包工具。</p>
                        </article>
                    </div>
                    <div class="one">
                        <img src="../img/8.png" >
                        <article>
                            <h2>jQuery API</h2>
                            <h3>中文手册</h3>
                            <p>根据最新的 jQuery 1.11.x 和 2.1.x 版本翻译的 jQuery API 中文文档/手册。</p>
                        </article>
                    </div>
                </div>
        </div>
    </div>
</body>
</html>